
<?php 	$titre = 'Connexion';
		include'./header.php'; 
		//include './menu.php'; 
?>
		<div class="corp">
		
			<?php include'./caroussel.php';?>
			<!--<h2><mark class="maj">C</mark>ONNEXION</h2>-->
			<br/>
	
			<script> 
			$(document).ready(function(){
			$("#formMpOubli").hide();
				$("#mpOubli").click(function(){
					$("#formMpOubli").slideToggle("slow");
					});
				});
            </script>	

			<?php 
				$maj = $titre{0}; //recupere la premiere lettre
				$long = strlen($titre); 
				$txt = substr($titre,1,$long);	//puis le reste du text
			?>

			<div id='connexionForm'>
				<form>
					<fieldset class="fomulaire">
						<?php
							echo"<legend><h2><mark class='maj'>".$maj."</mark>".$txt."</h2></legend>";//affichage du titre 
						?>
						<div id="formCo">
							<label for="pseudo">Votre pseudo :</label>
							<input type="text" name="pseudo" id="pseudo" autofocus required /><br>
				
							<label for="pass">Votre mot de passe :</label>
							<input type="password" name="pass" id="pass" required /><br>
				
							<input id="boutonCo" type="submit" value="Envoyer" />
			
							<div id='mpOubli'><p>mot de passe oublié?</p></div>
						</div>	
						<div id='switch'>
							<p>Pas encore inscrit? </p>
							<p>Realiser votre inscription en quelques cliques!</p>
							<a id='inscription' href='./inscription.php'>+Inscription</a>
						</div>
					</fieldset>
				</form>

			</div>
			<div id="formMpOubli">
				<form>
					<fieldset class="fomulaire" >
						<legend>Mot de passe oublié</legend>
						<label for="pseudo">Votre pseudo :</label>
						<input type="text" name="pseudo" id="pseudo" required /><br>
				
						<input id="boutonCo" type="submit" value="Envoyer" />
				
					</fieldset>
				</form>
			</div>
		</div>

<?php include './footer.php'; ?>